<template>
    <view class="page">
        <view class="kong"></view>
        <view class="btnn" v-for="item in list" :key="item.name" @click="handleNav(item.url)">
            {{ item.name }}
        </view>
    </view>
</template>
<script>
export default {
    data() {
        return {
            list: [{ name: '团建项目', url: '/pagesB/annualMeeting/selection?id=36&title_text=团建项目' }, { name: '会议物料', url: '/pagesB/annualMeeting/selection?id=50&title_text=会议物料' }, { name: '内训精选', url: '/pagesB/annualMeeting/selection?id=49&title_text=内训精选' }, { name: '少年培训', url: '/pagesB/annualMeeting/selection?id=52&title_text=少年培训' }]
        }
    },
    methods: {
        handleNav(url) {
            uni.navigateTo({
                url: url
            })
        },
    }
}
</script>
<style lang="scss" scoped>
.kong{
    height: 300rpx;
}
.btnn {
    width: 60%;
    margin: 0 auto 30rpx;
    border-radius: 16rpx;
    background-color: #FFBB50;
    color: #ffffff;
    text-align: center;
    height: 76rpx;
    line-height: 76rpx;
    font-size: 28rpx;
}
</style>